<template>
  <div class="coursesuccess">
    <h1>恭喜你,成功加入蜂收部落</h1>
    <div><img src="../../asset/images/hs@2x.png" alt=""></div>
    <div class="btn_box">
      <button class="btn1" @click="goToHome">首页</button>
      <button class="btn2" @click="goTobindbank">绑定银行卡</button>
    </div> 
  </div>
</template>
<script>
export default {
  name:'coursesuccess',
  methods:{
    goToHome(){
      this.$router.push('./');
    },
    goTobindbank(){
      this.$router.push('./bindbank');
    }
  }
}
</script>
<style lang="less" scoped>
.coursesuccess{
  display: flex;
  flex-direction: column;
  align-items: center;
  h1{
    margin:140px 0px;
  }
  .btn_box{
    margin-top:140px;
    .btn1,.btn2{
      width:244px;
      height:80px;
      border-radius: 50px;
      background: #fff;
    }
    .btn1{
      border:1px solid #999;
      margin-right:20px;
    }
    .btn2{
      background:#4993ff;
      border:none;
    }
  }
}
</style>

